<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--1.编写一个有注册页面
		//用户名					(英文开头，中间小写英文或者是数字，长度是6-20)
		//密码					(英文或数字 6-20位)
		//重复密码
		//性别
		//邮箱					
		//电话号码
		//生日
		//注册按钮	清空按钮
		//使用正则表达式进行验证
		
		
		解析
		//域名类似"** .** .** .**"组成。
		//“**”部分可以表示为[a-zA-Z0-9_-]+
		“.**”部分可以表示为\.[a-zA-Z0-9_-]+
		多个“.**”可以表示为(\.[a-zA-Z0-9_-]+)+
		//综上所述，域名部分可以表示为[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+
		
		//最终邮箱的正则表达式为: ^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$
		-->
		<h1>用户注册</h1>
		<form>
			用户名: 
						<input id="usernameInput" type="text" name="username" />
						<br />
						
			密码:
						<input id="passwordInput" type="text" name="password" /> 
						<br />	
			重复密码:
						<input id="passwordInput2" type="text" name="password2" />
						<br />
			性别:
						<input  type="radio" name="sex" check = "checked"/> 男
						<input  type="radio" name="sex" /> 女
						<br />
			邮箱:
						<input id="emailInput" type="text" name="email">
						<br />
			电话号码:
						<input id="telInput" type="text" name="tel" />
						<br />
			生日:
						<input id="birthdayInput" type="date" name="birthday" />
						<br />
						<button type="button" onclick="check()">检测输入</button>
						<br />
		</form>
		<script type="text/javascript">
			function check()
						{
							//1.判断用户名
							console.log("check()");
							//var username = document.getElementById("username-input").value;
							var username = usernameInput.value;
							var re1 = /^[a-z][a-z0-9]{1,19}$/;
							if(username.match(re1))
							{
								alert("用户名符合要求");
							}
							else
							{
								alert("用户名不符合要求");
							}
							
						
							//2.判断密码
							console.log("check()");
							var password = passwordInput.value;
							var re2 = /^[a-z0-9]{5,19}$/;
							if(password.match(re2))
							{
								alert("密码符合要求")
							}
							else
							{
								alert("密码不符合要求");
							}
						
							//3.判断重复密码
							console.log("check()");
							var password2 = passwordInput2.value;
							var re3 = /^[a-z0-9]{5,19}$/;
							if(password2.match(re3))
							{
								alert("重复密码符合要求")
							}
							else
							{
								alert("重复密码不符合要求");
							}
						
							//4.判断邮箱
							console.log("check()");
							var email = emailInput.value;
							var re4 = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
							if(email.match(re4))
							{
								alert("邮箱符合要求")
							}
							else
							{
								alert("邮箱不符合要求");
							}
						
							//5.判断电话号码
							console.log("check()");
							var tel = telInput.value;
							var re5 = /^[0-9]{11}$/;
							if(tel.match(re5))
							{
								alert("电话符合要求")
							}
							else
							{
								alert("电话不符合要求");
							}
						}
		</script>
		
	</body>
</html>